<%@page import="study.itwill.team5.admin.AdminItem"%>
<%@page import="study.itwill.jsp.WebHandler"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<%@ page session="true" %>
<%
   WebHandler web = new WebHandler(request, response, out);
   AdminItem loginInfo = (AdminItem)session.getAttribute("ADMIN_INFO");
   
   // 로그인 정보가 없을 경우 로그인 페이지로 이동
   if (loginInfo == null) {
      web.goPage("/italia/login.jsp", "로그인이 필요합니다");
      return;
   }
%>
<%@ include file="../dbcon.jsp"%>

<!DOCTYPE html>
<html lang="ko">
<head>
<%@ include file="../head.jsp"%>
</head>
<body>
	<%@ include file="../menu.jsp"%>
	<% DBHandler.disconnect(); %>
	<div class="container">
		<div class="page-header">
			<h1>
				신규 회원 추가 - <small>새로운 회원을 추가하세요.</small>
			</h1>
		</div>

		<form id="frmMemberAdd" class="form-horizontal" role="form"
			method="post" action="addMemberOk.jsp">
			<fieldset>

				<!-- 입력양식 -->
				<div class="form-group">
					<label for="email1" class="col-md-2 control-label">이메일</label>
					<div class="col-md-10">
						<div class="input-group">
							<input type="text" class="form-control" id="email1" name="email1" placeholder="이메일주소를 입력하세요" autofocus>
							<span class="input-group-addon">@</span>
							<div class="input-group-btn">
								<select class="btn btn-default" id="email2" name="email2">
									<option> ---- 선택하세요 ---- </option>
									<option value="naver.com">naver.com</option>
									<option value="hanmail.net">hanmail.net</option>
									<option value="gmail.com">gmail.com</option>
									<option value="hotmail.com">hotmail.com</option>
								</select>
							</div>
						</div>
					</div>
				</div>
				
				
				<div class="form-group">
					<label for="nickname" class="col-md-2 control-label">별명</label>
					<div class="col-md-10">
						<input type="text" class="form-control" id="nickname"
							placeholder="별명을 입력하세요" name="nickname">
					</div>
				</div>

				<div class="form-group">
					<label for="user_pw" class="col-md-2 control-label">비밀번호</label>
					<div class="col-md-10">
						<input type="password" class="form-control" id="user_pw"
							placeholder="비밀번호를 입력하세요" name="user_pw">
					</div>
				</div>
				
					<div class="form-group">
					<label for="user_name" class="col-md-2 control-label">이름</label>
					<div class="col-md-10">
						<input type="text" class="form-control" id="user_name"
							placeholder="이름을 입력하세요" name="user_name">
					</div>
				</div>

				<div class="form-group">
					<label class="col-md-2 control-label">성별 </label>
					<div class="col-md-10">
						<label class="radio-inline">
						<input type="radio" name="gender" id="gender" value="M"> 남자
						</label> <label class="radio-inline"> 
						<input type="radio" name="gender" id="gender" value="F"> 여자
						</label>
					</div>
 

				</div>

				<div class="form-group">
					<label for="birthday" class="col-md-2 control-label">생년월일</label>
					<div class="col-md-10">
						<input type="date" class="form-control" id="birthday"
							placeholder="생년월일을 입력하세요" name="birthday">
					</div>
				</div>

				<div class="form-group">
					<label for="hp1" class="col-md-2 control-label">핸드폰 번호</label>
					<div class="col-md-10">
					 	<div class="form-group">
					 		<div class="col-md-3">
					 			<input class ="form-control" type="text" class="form-control" id="hp1"
								placeholder="핸드폰번호 첫 자리" name="hp1">
					 		</div>
							
							<div class="col-md-3">
							<input class = "form-control" type="text" class="form-control" id="hp2"
								placeholder="핸드폰번호 중간 자리" name="hp2">
									</div>
							<div class="col-md-3">
							<input class = "form-control" type="text" class="form-control" id="hp3"
								placeholder="핸드폰번호 마지막 자리" name="hp3">
							</div>
						</div>
					</div>
				</div>
				
				  
				 
				 
				
				
				<div class="form-group">
					<div class="col-md-offset-2 col-md-10">
						<div class="row">
							<div class="col-md-6">
								<button type="submit" class="btn btn-primary btn-block">저장하기</button>
							</div>
							<div class="col-md-6">
								<button type="reset" class="btn btn-warning btn-block">다시작성</button>
							</div>
						</div>

					</div>
				</div>
			</fieldset>
		</form>
	</div>

	<!-- Javascript -->
	<script src="/italia/assets/js/jquery.js"></script>
	<script src="/italia/assets/js/bootstrap.min.js"></script>
	<!-- 형식검사 클래스 참조 -->
	<script src="/italia/assets/js/string.js"></script>
	<!-- 구현부분 -->
	<script type="text/javascript">
		// jquery main()
		$(function() {
			// id속성이 frmMemberAdd인 대상에 대한 전송 이벤트
			$("#frmMemberAdd").submit(function() {
				/**
				 *	string.js 사용 방법
				 * -------------------------
				 *		var str = "가나다";
				 *		if (!str.isEmail()) {
				 *			... 이메일 형식이 아님 ...	
				 *		}
				 */

				// name 속성값이 "name"인 input 태그의 입력값
				var name = $("input[name='email1']").val();
				// 메일1 입력여부 검사
				if (!name.isValue()) {
					alert("메일을 입력하세요.");
					$("input[name='email1']").focus();
					return false;
				}
				// 메일2 선택여부 검사
				if ($("select[name='email2'] > option:selected").index() < 1) {
					alert("이메일을 선택하세요.");
					$("select[name='email2']").focus();
					return false;
				}
 
				// 별명 입력여부 검사
				if (!$("input[name='nickname']").val().isValue()) {
					alert("별명을 입력하세요.");
					$("input[name='nickname']").focus();
					return false;
				}
				// 비밀번호 입력여부 검사
				if (!$("input[name='user_pw']").val().isValue()) {
					alert("비밀번호를 입력하세요.");
					$("input[name='user_pw']").focus();
					return false;
				}
				// 이름 입력여부 검사
				if (!$("input[name='user_name']").val().isValue()) {
					alert("이름을 입력하세요.");
					$("input[name='user_name']").focus();
					return false;
				}
			
				/** 체크박스 선택여부 검사 */
				if (!$("input[name='gender']").is(":checked")) {
					alert("성별을 선택해 주세요!.");
					$("input[name='gender']:eq(0)").focus();
					return false;
				}

				
				// 생년월일 입력여부 검사
				if (!$("input[name='birthday']").val().isValue()) {
					alert("생년월일을 입력하세요.");
					$("input[name='birthday']").focus();
					return false;
				}

				// 핸드폰번호 입력여부 검사
				if (!$("input[name='hp1']").val().isValue()) {
					alert("전화번호를 입력하세요.");
					$("input[name='hp1']").focus();
					return false;
				}

				// 핸드폰번호 입력여부 검사
				if (!$("input[name='hp2']").val().isValue()) {
					alert("전화번호를 입력하세요.");
					$("input[name='hp2']").focus();
					return false;
				}

				// 핸드폰번호 입력여부 검사
				if (!$("input[name='hp3']").val().isValue()) {
					alert("전화번호를 입력하세요.");
					$("input[name='hp3']").focus();
					return false;
				}

			});
		});
	</script>

</body>
</html>